.tips-color {
  color: $uni-text-color-placeholder;
}

.fonts {
	-webkit-text-stroke: 1rpx #000;
	text-stroke: 1rpx #000;
	font-size: 34rpx;
}

.margin-auto{
	margin: 0 auto;
}


// 字体
@font-face {
	font-family: 'Afont';
	src: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/Afont.ttf') format('truetype');
}
.Afont {
	font-family: 'Afont' !important;
}

@font-face {
	font-family: 'Bfont';
	src: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/Bfont.ttf') format('truetype');
}
.Bfont {
	font-family: 'Bfont' !important;
}

@font-face {
	font-family: 'Cfont';
	src: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/Cfont.ttf') format('truetype');
}
.Cfont {
	font-family: 'Cfont' !important;
}

@font-face {
	font-family: 'Dfont';
	src: url('https://oqyf-1305090490.cos.ap-shanghai.myqcloud.com/front/Dfont.ttf') format('truetype');
}
.Dfont {
	font-family: 'Dfont' !important;
}

.light-color {
  color: $uni-text-color-grey;
}

.light-bg {
  background: #F9F9F9 !important;
}

.bg-f5 {
  background: #f5f5f5 !important;
}

.white-color {
  color: $uni-bg-color;
}

.black-color {
  color: #333;
}

.fff{
	color: #fff;
}

.red-color {
  color: #f12424;
}

.blue-color{
	color: #57BEFF;
}

.bg-white {
  background-color: $uni-bg-color;
}

.text-line {
  text-decoration: line-through;
}

.overhid{
	overflow: hidden;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.line{
	width: 100%;
	height: 1rpx;
	background: #e5e5e5;
}

.df {
  display: flex;
}

.alc {
  align-items: center;
}

.wx-col-top,.als {
  align-items: flex-start;
}

.jc-fs {
  justify-content: flex-start;
}

.jcc {
  justify-content: center;
}

.jc-sb {
  justify-content: space-between;
}

.jc-sa {
  justify-content: space-around;
}

.jc-end {
  justify-content: flex-end;
}

.fdc {
  flex-direction: column;
}

.fdr {
  flex-direction: row;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fww {
  flex-wrap: wrap;
}

.border-bottom1 {
  border-bottom: 1rpx solid #EFEFEF;
}

.border-right1 {
  border-right: 1rpx solid #999;
}

.border-bottom-light {
  border-bottom: 1px solid #e1e1e1;
}

.border-bottom-d8 {
  border-bottom: 1px solid #d8d8d8;
}
// 定义字体(px)单位，小于100都为px单位字体
@for $i from 9 to 100 {
  .font-#{$i} {
    font-size: $i + rpx;
  }
}

// 行高
@for $i from 9 to 100 {
  .lh-#{$i} {
    line-height: $i + rpx;
  }
}

@for $i from 400 to 900 {
  @if $i % 100 == 0 {
    .font-weight-#{$i} {
      font-weight: $i;
    }
  }
}
// 圆角
@for $i from 4 to 90 {
  .radius-#{$i} {
    border-radius: $i + rpx;
  }
}

@for $i from 2 to 750 {
  .w-#{$i} {
    width: $i + rpx;
  }
}
@for $i from 2 to 5500 {
  .h-#{$i} {
    height: $i + rpx;
  }
}

.inline-block{
	display: inline-block;
}

.save-bottom{
		padding-bottom: constant(safe-area-inset-bottom);
	  padding-bottom: env(safe-area-inset-bottom);
}

.radiusb-50{
	border-radius: 50%;
}

.font-weight-600{
	font-weight: bolder;
}

.font-weight-500{
	font-weight: bolder;
}

// 文字超出一行显示...
.one-line{
	text-overflow :ellipsis; 
	white-space :nowrap; 
	overflow : hidden; 
}

// 文字超出两行显示...
.two-line{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

// 文字超出三行显示...
.three-line{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}



// 定义内外边距，历遍100-140
@for $i from 0 through 1400 {
  // 只要双数和能被5除尽的数
  @if $i % 2 == 0 or $i % 5 == 0 {
    .margin-#{$i},
    .m-#{$i} {
      margin: $i + rpx !important;
    }

    .padding-#{$i},
    .p-#{$i} {
      padding: $i + rpx !important;
    }

    @each $short, $long in l left, t top, r right, b bottom {
      .m-#{$short}-#{$i} {
        margin-#{$long}: $i + rpx !important;
      }

      // 定义内边距
      .p-#{$short}-#{$i} {
        padding-#{$long}: $i + rpx !important;
      }

      // 定义外边距
      .margin-#{$long}-#{$i} {
        margin-#{$long}: $i + rpx !important;
      }

      // 定义内边距
      .padding-#{$long}-#{$i} {
        padding-#{$long}: $i + rpx !important;
      }
    }
  }
}